<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../script/ext/resources/css/ext-all.css" />
 	<script type="text/javascript" src="../script/ext/adapter/ext/ext-base-debug.js"></script>
    <script type="text/javascript" src="../script/ext/ext-all-debug.js"></script>
    <style type="text/css">
        .myDiv {
            /*border: 1px solid #AAAAAA;*/
            /*width: 200px; height: 35px; cursor: pointer;*/
            /*padding: 2px 2px 2px 2px;*/
            /*margin: 2px 2px 2px 2px;*/
        }
    </style>
    <script type="text/javascript">
        Ext.onReady(function() {
              var myDiv1 = Ext.get('div1');
//              myDiv1.setHeight(200);
//              myDiv1.setSize(350, 350, {duration: 1, easing:'bounceOut'});
              //myDiv1.createChild('Child from a string')
              //myDiv1.createChild('<div>Element from a string</div>');
//             myDiv1.insertFirst({
//                tag : 'div',
//                html : 'Child inserted as node 0 of myDiv1'
//             });
//             myDiv1.createChild({
//                    tag : 'div',
//                    id : 'nestedDiv',
//                    style : 'border: 1px dashed; padding: 5px;',
//                    children : {
//                        tag : 'div',
//                        html : '...a nested div',
//                        style : 'color: #EE0000; border: 1px solid'
//                    }
//               });
             var formPanel = new Ext.form.FormPanel({
                title:'DateField Example',
                applyTo:'div1',
                layout:'form',
                labelAlign:'top',
                width:210,
                autoHeight:true,
                frame:true,
                items:[{
                xtype:'datefield',
                fieldLabel:'Date of Birth',
                name:'dob',
                width:190,
                allowBlank:false
                }]
             });

             Ext.ns('MyApp');
             //myDiv1.createChild(formPanel);
        });
    </script>
</head>
<body>
<div id='div1' class='myDiv'> </div>
</body>

</html>